<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>第一个html项目</title>
</head>
<body>
    <style>
        p{
            text-indent: 2em;
        }
    </style>
<!--  这是一行注释 -->
<!--
这是多行注释
这也是一行注释
这个也是一行注释
-->
<!-- 标题相关标签-->
    <a href="#one">id-1</a>
    <a href="#two">id-2</a>
    <a href="#three">id-3</a>
    <h1>hello world</h1>
    <h2 style="color: blue">hello world</h2>
    <h3>这是h3 标签</h3>
    <h4>这是\(^o^)/~标签</h4>
    <h5>这是h5文字相关标签</h5>
    <h6>这是h6,最小的文字相关标签</h6>
    <hr>
    <h1>这是一个段落</h1>
    <p>这也是一个段落</p>
    <hr>
    <p>这又是一个段落，这是段落的第一行<br>这是段落的第二行</p>
    <strong>字体加粗</strong>br
    <em>斜体字</em><br>
    <del>删除线</del><br>
    <ins>下划线</ins><br>
    <img src="https://img.alicdn.com/tfs/TB1Ly5oS3HqK1RjSZFPXXcwapXa-238-54.png" alt="阿里云图片" title="这个是阿里云的logo" width="400" height="150">
    <a href="http://www.troubles.top" target="_blank">跳转到个人主页</a>
    <hr>
    <hr>

    <p id="one">第一季</p>
    <p id="two">第二季</p>
    <p  id="three">第三季</p>
<!-- 表格标签 -->
<table border="2px" width="400px" >
    <tr>
        <th>name</th>
        <th>age</th>
        <th>gender</th>
    </tr>
    <tr>
        <td>linan</td>
        <td>18</td>
        <td>male</td>
    </tr>
    <tr>
        <td>abc</td>
        <td>188</td>
        <td>female</td>
    </tr>
</table>
    <h2>有序列表</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <h3>无序列表</h3>
    <ol>
        <li>123</li>
        <li>456</li>
        <li>789</li>
    </ol>
    <h4>自定义列表</h4>
    <dl>
        <dt>  相关内容 </dt>
        <dd>1</dd>
        <dd>3</dd>
        <dd>2</dd>

    </dl>
<h1>表单标签</h1>
    <input type="text">

</body>
</html>